.add-check-in-rules {
  width: 100%;
  background-color: #f5f5f5;
  .check-in-rules-con {
    .check-in-rules-title {
      font-size: 24rpx;
      color: #999999;
      padding: 20rpx 32rpx 0;
      box-sizing: border-box;
    }
    .more-settings {
      .check-in-rules-title {
        padding: 0 32rpx;
        box-sizing: border-box;
      }
    }
    .nut-cell {
      --cell-link-icon-size: 16rpx !important; // 默认是12px
    }
    .check-in-rules-item {
      background-color: #fff;
      .nut-icon-check-checked {
        color: #1e74fd;
      }
      .attendance-personnel-user {
        display: flex;
        justify-content: space-between;
        margin: 40rpx 32rpx;
        padding-bottom: 30rpx;
        box-sizing: border-box;
        border-bottom: 1rpx solid #fafafb;
        .personnel-user-left {
          width: 70%;
          .title {
            text:nth-of-type(1) {
              font-size: 32rpx;
              color: #101010;
            }
            text:nth-of-type(2) {
              font-size: 24rpx;
              color: #999;
            }
          }
          .user-number {
            font-size: 28rpx;
            color: #101010;
            margin: 30rpx 0;
          }
          .add-user-box {
            display: flex;
            align-items: center;
            .add-user {
              width: 108rpx;
              height: 68rpx;
              margin-right: 10rpx;
              background: #ffffff;
              border-radius: 34rpx 34rpx 34rpx 34rpx;
              border: 2rpx solid #1e74fd;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 28rpx;
              color: #1e74fd;
              .iconfont {
                font-size: 30rpx;
              }
            }
            .selected-user {
              display: flex;
              align-items: center;
              .selected-user-item {
                img {
                  width: 68rpx;
                  height: 68rpx;
                  border-radius: 50%;
                  margin-left: 20rpx;
                }
              }
            }
          }
        }
        .personnel-user-right {
          text {
            font-size: 28rpx;
            color: #999999;
          }
          .iconfont {
            font-size: 30rpx;
          }
        }
      }
      .desc {
        text {
          font-size: 28rpx;
          color: #999;
        }
      }
      .desc.active {
        text {
          font-size: 24rpx;
          color: #101010;
        }
      }
    }
  }
  .popup-content {
    .check-in-name {
      margin-top: 20rpx;
      .popup-content-item-title {
        text-align: center;
        font-size: 28rpx;
      }
      .nut-textarea {
        width: 90%;
        margin: 30rpx auto;
        border: 1rpx solid #e5e5e5;
        border-radius: 40rpx;
        padding: 40rpx;
        box-sizing: border-box;
        box-shadow: 0px -5px 20px #e6e5e5;
      }
      .popup-content-item-btn {
        width: 90%;
        margin: 30rpx auto;
        .nut-button {
          width: 100%;
          height: 80rpx;
          line-height: 80rpx;
          text-align: center;
          border-radius: 40rpx;
          font-size: 28rpx;
          color: #fff;
        }
        .nut-buttonbtn.cancel {
          background: #e5e5e5;
          color: #101010;
        }
        .nut-button.confirm {
          background: #1e74fd;
        }
      }
    }
  }
}
